<template>
    <div class="xxx">
        <div class="pc-menu padding-wrap">
            <div class="left-area">
                <div class="logo"><img src="./static/images/logo.png" /></div>
            </div>
            <!-- @click="handleNavclick('产品&解决方案')" -->
            <div class="center-area">
                <div class="nav" @click="handleNavclick('首页')">首页</div>
                <div class="nav" ref="position" @mouseenter="handleDowboxshow" @click="handleNavclick('产品&解决方案')">产品&解决方案</div>
                <div class="nav">天云动态</div>
                <div class="nav">合作伙伴</div>
                <div class="nav">关于天云</div>
            </div>
            <div class="right-area" @click="showMobileMenu"></div>
        </div>
        <div class="down" v-show="hover=='产品&解决方案'" @mouseenter="handleDowboxshows" @mouseleave="handleDownboxhides">
            <div class="down-box">
                <div class="left">
                    <div class="top">
                        产品
                    </div>
                    <div class="bottom">
                        <router-link to="/tcould">
                            <div class="item-box">TCOULD管理云</div>
                        </router-link>
                        <router-link to="/">
                            <div class="item-box">天问营销平台</div>
                        </router-link>
                        <router-link to="/productdata">
                            <div class="item-box">天问数据平台</div>
                        </router-link>
                    </div>
                </div>
                <div class="right">
                    <div class="top">
                        解决方案
                    </div>
                    <div class="bottom">
                        <router-link to="/">
                            <div class="item-box">新零售解决方案</div>
                        </router-link>
                    </div>
                </div>
            </div>
        </div>
        <transition name="side-fade">
            <div class="mobile-menu" v-if="isShow.mobileMenu">
                <div class="nav">首页</div>
                <div class="nav">产品&解决方案</div>
                <div class="nav">天云动态</div>
                <div class="nav">合作伙伴</div>
                <div class="nav">关于天云</div>
            </div>
        </transition>
    </div>
</template>
